
<div class="env-grid">

    <a href="adventure">
        <div class="env-grid__cell">
            <div class="cell__image-container">
                <img src="../_static/videos/environments/adventure.gif">
            </div>
            <div class="cell__title">
                <span>Adventure</span>
            </div>
        </div>
    </a>


    <a href="air_raid">
        <div class="env-grid__cell">
            <div class="cell__image-container">
                <img src="../_static/videos/environments/air_raid.gif">
            </div>
            <div class="cell__title">
                <span>Air Raid</span>
            </div>
        </div>
    </a>


    <a href="alien">
        <div class="env-grid__cell">
            <div class="cell__image-container">
                <img src="../_static/videos/environments/alien.gif">
            </div>
            <div class="cell__title">
                <span>Alien</span>
            </div>
        </div>
    </a>


    <a href="amidar">
        <div class="env-grid__cell">
            <div class="cell__image-container">
                <img src="../_static/videos/environments/amidar.gif">
            </div>
            <div class="cell__title">
                <span>Amidar</span>
            </div>
        </div>
    </a>


    <a href="assault">
        <div class="env-grid__cell">
            <div class="cell__image-container">
                <img src="../_static/videos/environments/assault.gif">
            </div>
            <div class="cell__title">
                <span>Assault</span>
            </div>
        </div>
    </a>


    <a href="asterix">
        <div class="env-grid__cell">
            <div class="cell__image-container">
                <img src="../_static/videos/environments/asterix.gif">
            </div>
            <div class="cell__title">
                <span>Asterix</span>
            </div>
        </div>
    </a>


    <a href="asteroids">
        <div class="env-grid__cell">
            <div class="cell__image-container">
                <img src="../_static/videos/environments/asteroids.gif">
            </div>
            <div class="cell__title">
                <span>Asteroids</span>
            </div>
        </div>
    </a>


    <a href="atlantis">
        <div class="env-grid__cell">
            <div class="cell__image-container">
                <img src="../_static/videos/environments/atlantis.gif">
            </div>
            <div class="cell__title">
                <span>Atlantis</span>
            </div>
        </div>
    </a>

</div>

<a href="complete_list">
    <button class="more-btn">
        See More Environments
    </button>
</a>
